{% extends 'base_main.html' %}
{% load static %}

{% block ext_css %}
    {{ block.super }}
    <link rel="stylesheet" href="{% static 'axf/main/css/mine.css' %}">
{% endblock %}

{% block ext_js %}
    {{ block.super }}
    <script type="text/javascript" src="{% static 'axf/main/js/mine.js' %}"></script>
{% endblock %}


{% block content %}
    <div class="mine">
        <p>
            <span>全部订单</span>
            <a href="#">全部订单></a>
        </p>

        <nav id="nav">
            <ul>
                <li id="not_pay">
                    {% ifnotequal order_not_pay 0 %}
                        <span class="badge">
                                {{ order_not_pay }}
                        </span>
                    {% endifnotequal %}
                    <dl>
                        <dt>
                            <span class="glyphicon glyphicon-usd"></span>
                        </dt>
                        <dd>待付款</dd>
                    </dl>
                </li>
                <li>
                    {% ifnotequal order_not_receive 0 %}
                        <span class="badge">
                                {{ order_not_receive }}
                         </span>
                    {% endifnotequal %}
                    <dl>
                        <dt>
                            <span class="glyphicon glyphicon-envelope"></span>
                        </dt>
                        <dd>待收货</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>
                            <span class="glyphicon glyphicon-pencil"></span>
                        </dt>
                        <dd>待评价</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>
                            <span class="glyphicon glyphicon-retweet"></span>
                        </dt>
                        <dd>退款/售后</dd>
                    </dl>
                </li>
            </ul>
        </nav>
        <menu>
            <ul>
                <li>
                    <dl>
                        <dt>
                            <span class="glyphicon glyphicon-bullhorn"></span>
                        </dt>
                        <dd>积分商城</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>
                            <span class="glyphicon glyphicon-credit-card"></span>
                        </dt>
                        <dd>优惠卷</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>
                            <span class="glyphicon glyphicon-import"></span>
                        </dt>
                        <dd>收货地址</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>
                            <span class="glyphicon glyphicon-phone-alt"></span>
                        </dt>
                        <dd>客服反馈</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>
                            <span class="glyphicon glyphicon-asterisk"></span>
                        </dt>
                        <dd>关于我们</dd>
                    </dl>
                </li>
            </ul>
        </menu>

        {% if is_login %}
            <p>
                <a href="{% url 'app:logout' %}">退出</a>
            </p>
        {% endif %}

    </div>


{% endblock %}
